import { connect } from 'dva';
import { InputItem,Button,WingBlank,Toast } from 'antd-mobile';
import styles from './index.less';
import router from 'umi/router';

function App({retrievePwd,dispatch}) {
    const { text,list } = retrievePwd;

    function successToast() {
        Toast.success('验证码已发送', 1);
    }

    return (
        <div >
            <WingBlank>
                <div className={ styles.normal }>
                    <div>
                        <InputItem
                            className={styles.input_style}
                            type="number"
                            placeholder="请输入绑定的手机号码"
                            clear
                            >

                        </InputItem>
                    </div>

                    <div className={styles.sendVercode}>
                        <Button className={styles.getVercode} onClick={successToast}>获取验证码</Button>
                    </div>
                </div>
            </WingBlank>
            <WingBlank>
                <div className={styles.inputVerCode}>
                    <InputItem
                        className={styles.text_style}
                        placeholder="输入验证码"
                        clear
                        >

                    </InputItem>
                </div>
            </WingBlank>

            <div className={styles.next}>
                <Button className={styles.button} onClick={
                    ()=>router.push('resetPwdSuccess')
                }>下一步</Button>
            </div>
            
        </div>
    );
}
export default connect(({retrievePwd})=>({retrievePwd}))(App);
